<template>
  <b-container>
    <b-row>
      <b-col cols="12" md="4" sm="12" order="2" order-md="1">
        <sides />
      </b-col>
      <b-col cols="12" md="8" sm="12" order="1" order-md="2">
        <b-card>
          <b-card-body>
            <div v-html="signContent" />
            <div style="text-align: center">
              <b-button to="/sign/form">点击进行网上报名</b-button>
            </div>
          </b-card-body>
        </b-card>
      </b-col>
    </b-row>
  </b-container>
</template>

<script>
import sides from '~/components/sides'
import { getByCode } from '~/api/contentConfig/index'
export default {
  name: 'Index',
  components: {
    sides
  },
  data() {
    return {
      signContent: ''
    }
  },
  created() {
    getByCode({
      code: 'sign_content'
    }).then(res => {
      const { data } = res
      this.signContent = data.value
      console.log(this.signContent)
    })
  }
}
</script>

<style scoped>

</style>
